<template>
	<div class="content">
		<div class="info">
			<div class="info-list">
				<div class="info-list-info">
					<van-cell-group :border='false' v-if='info.rpt_info'>
					  <van-cell :border='false' title="患者姓名" :value="pat_info.pat_name" />
					  <van-cell :border='false' title="检查项目" :value="apply_info.order_content"/>
					  <van-cell :border='false' title="报告单号" :value="rpt_no"/>
					  <van-cell :border='false' title="接诊医生" :value="apply_info.placer_name"/>
					  <van-cell :border='false' title="检查时间" :value="apply_info.apply_time||''"/>
					  <van-cell :border='false' title="报告时间" :value="info.rpt_info[0].report_time"/>
					  <!-- <van-cell :border='false' title="报告医生" :value="info.rpt_info[0].rptr"/> -->
					  <van-cell :border='false' title="审核医生" :value="info.rpt_info[0].chkr"/>
					</van-cell-group>
				</div>
				<div class="tipsInfo" v-for="(v,i) in info.rpt_info" :key='i'>
					<div>
						<div class="t">{{v.loitem_cname||''}}</div>
						<div class="show">
							{{v.order_rpt_result||''}}
						</div>
						<!-- <div class="t">印象</div> -->
					</div>
				</div>
				<div class="tips">
					<div>温馨提示：</div>
					 本结果仅供参考，请以医院纸质报告及医生意见为准。
				</div>
			</div>
		</div>
		<back-img></back-img>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				report_id:'',
				info:{},
				pat_info:{},
				rpt_no:'',
				apply_info:{}
			};
		},
		created() {
			if(this.$route.query.report_id){//详情
				this.report_id=this.$route.query.report_id
				this.getInfos()
			}
		},
		components: {

		},
		methods: {
			getInfos(){
				let that=this
				let url = "/api/his/checkReportDetail";
				this.$axios.post(url,{
					query_key:1,
					query_content:that.report_id,  
				}).then(res => {
					that.info=res
					that.pat_info=res.pat_info
					that.rpt_no=that.info.rpt_info[0].rpt_no
					that.apply_info=that.info.apply_info[0]
				}).catch(err => {
					console.log("err", err);
				});
			},
			toPageLink(url){
				this.$router.push({
					path:url,
					query:{},
				})
			}
		}
	};
</script>

<style lang="less" scoped>
	.content{
		min-height: 100vh;
		background-color:#f0f8f8;
		/deep/.van-cell{
			padding: 6px 0;
		} 
		/deep/.van-tabs__line{
			background: #4A8CFF;
		}
		/deep/.van-field__control{
			text-align: right;
		}
		/deep/.van-cell__title{
			font-size: 14px;
			font-family: PingFang;
			font-weight: 500;
			color:#AEAEAE;
		}
		/deep/.van-cell__value{
			font-size: 14px;
			font-family: PingFang;
			font-weight: 500;
			color:#030000;
		}
		.tips{
			color:#AEAEAE;
			font-size: 13px;
			line-height: 20px;
		    padding:60px 24px 24px 24px;
		}
		.info{
			padding-top: 10px;
			.tipsInfo{
				padding:6px 24px;
				background: #fff;
				margin-bottom: 4px;
				.t{
					color: #AEAEAE;
					font-size: 14px;
					padding: 9px 0;
				}
				.show{
					color: #000000;
					font-size:14px;
					line-height: 17px;
					padding-bottom: 10px;
					border-bottom: 1px solid #e8e8e8;
				}
			}
			&-list{
				margin: 0px 0 10px 0;
				&-info{
					padding-bottom: 7px;
					width:100%;
					background: #FFFFFF;
					border-radius: 5px;
					padding: 0 24px;
					margin-bottom: 10px;
				}
			}
		}
	}
</style>